﻿<!DOCTYPE html>
<html>
  <head>
    <title>驱动OLED显示屏</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/驱动oled显示屏/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/驱动oled显示屏/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u1580" class="ax_default _一级标题">
        <div id="u1580_div" class=""></div>
        <div id="u1580_text" class="text ">
          <p><span>所需硬件：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1581" class="ax_default _文本段落">
        <div id="u1581_div" class=""></div>
        <div id="u1581_text" class="text ">
          <p><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial';font-weight:700;">Tips：</span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;"><br></span></p><p><span style="font-family:'Arial Normal', 'Arial';font-weight:400;">本例中使用的显示屏为SSD 1306，是一个0.96寸的显示屏，分辨率为128 x 64，使用I2C接口。</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u1582" class="ax_default" data-left="56" data-top="115" data-width="154" data-height="138">

        <!-- Unnamed (矩形) -->
        <div id="u1583" class="ax_default box_1">
          <div id="u1583_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1584" class="ax_default box_1">
          <div id="u1584_div" class=""></div>
          <div id="u1584_text" class="text ">
            <p><span>SSD 1306</span></p>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u1585" class="ax_default" data-left="85" data-top="117" data-width="97" data-height="21">

          <!-- Unnamed (椭圆形) -->
          <div id="u1586" class="ax_default ellipse">
            <img id="u1586_img" class="img " src="images/超声测距/u1074.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1587" class="ax_default label">
            <div id="u1587_div" class=""></div>
            <div id="u1587_text" class="text ">
              <p><span>GND</span></p>
            </div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u1588" class="ax_default ellipse">
            <img id="u1588_img" class="img " src="images/超声测距/u1074.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1589" class="ax_default label">
            <div id="u1589_div" class=""></div>
            <div id="u1589_text" class="text ">
              <p><span>VCC</span></p>
            </div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u1590" class="ax_default ellipse">
            <img id="u1590_img" class="img " src="images/超声测距/u1074.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1591" class="ax_default label">
            <div id="u1591_div" class=""></div>
            <div id="u1591_text" class="text ">
              <p><span>SCL</span></p>
            </div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u1592" class="ax_default ellipse">
            <img id="u1592_img" class="img " src="images/超声测距/u1074.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1593" class="ax_default label">
            <div id="u1593_div" class=""></div>
            <div id="u1593_text" class="text ">
              <p><span>SDA</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1594" class="ax_default ellipse">
          <img id="u1594_img" class="img " src="images/驱动oled显示屏/u1594.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1595" class="ax_default ellipse">
          <img id="u1595_img" class="img " src="images/驱动oled显示屏/u1594.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1596" class="ax_default ellipse">
          <img id="u1596_img" class="img " src="images/驱动oled显示屏/u1594.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1597" class="ax_default ellipse">
          <img id="u1597_img" class="img " src="images/驱动oled显示屏/u1594.png"/>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1598" class="ax_default label">
        <div id="u1598_div" class=""></div>
        <div id="u1598_text" class="text ">
          <p><span>SSD 1306显示屏</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1599" class="ax_default _一级标题">
        <div id="u1599_div" class=""></div>
        <div id="u1599_text" class="text ">
          <p><span>硬件接线：</span></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u1600" class="ax_default" data-left="111" data-top="640" data-width="110" data-height="281">

        <!-- Unnamed (矩形) -->
        <div id="u1601" class="ax_default box_1">
          <div id="u1601_div" class=""></div>
          <div id="u1601_text" class="text ">
            <p><span>Arduino</span></p><p><span>NANO</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1602" class="ax_default box_1">
          <div id="u1602_div" class=""></div>
          <div id="u1602_text" class="text ">
            <p><span>0</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1603" class="ax_default box_1">
          <div id="u1603_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1604" class="ax_default box_1">
          <div id="u1604_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1605" class="ax_default box_1">
          <div id="u1605_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1606" class="ax_default box_1">
          <div id="u1606_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1607" class="ax_default box_1">
          <div id="u1607_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1608" class="ax_default box_1">
          <div id="u1608_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1609" class="ax_default ellipse">
          <img id="u1609_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1610" class="ax_default box_1">
          <div id="u1610_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1611" class="ax_default label">
          <div id="u1611_div" class=""></div>
          <div id="u1611_text" class="text ">
            <p><span>VIN</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1612" class="ax_default ellipse">
          <img id="u1612_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1613" class="ax_default box_1">
          <div id="u1613_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1614" class="ax_default label">
          <div id="u1614_div" class=""></div>
          <div id="u1614_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1615" class="ax_default ellipse">
          <img id="u1615_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1616" class="ax_default box_1">
          <div id="u1616_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1617" class="ax_default label">
          <div id="u1617_div" class=""></div>
          <div id="u1617_text" class="text ">
            <p><span>RST</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1618" class="ax_default ellipse">
          <img id="u1618_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1619" class="ax_default box_1">
          <div id="u1619_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1620" class="ax_default label">
          <div id="u1620_div" class=""></div>
          <div id="u1620_text" class="text ">
            <p><span>5V</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1621" class="ax_default ellipse">
          <img id="u1621_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1622" class="ax_default box_1">
          <div id="u1622_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1623" class="ax_default label">
          <div id="u1623_div" class=""></div>
          <div id="u1623_text" class="text ">
            <p><span>A7</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1624" class="ax_default ellipse">
          <img id="u1624_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1625" class="ax_default box_1">
          <div id="u1625_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1626" class="ax_default label">
          <div id="u1626_div" class=""></div>
          <div id="u1626_text" class="text ">
            <p><span>A6</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1627" class="ax_default ellipse">
          <img id="u1627_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1628" class="ax_default label">
          <div id="u1628_div" class=""></div>
          <div id="u1628_text" class="text ">
            <p><span>A5</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1629" class="ax_default box_1">
          <div id="u1629_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1630" class="ax_default ellipse">
          <img id="u1630_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1631" class="ax_default box_1">
          <div id="u1631_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1632" class="ax_default label">
          <div id="u1632_div" class=""></div>
          <div id="u1632_text" class="text ">
            <p><span>A4</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1633" class="ax_default ellipse">
          <img id="u1633_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1634" class="ax_default box_1">
          <div id="u1634_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1635" class="ax_default label">
          <div id="u1635_div" class=""></div>
          <div id="u1635_text" class="text ">
            <p><span>A3</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1636" class="ax_default ellipse">
          <img id="u1636_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1637" class="ax_default box_1">
          <div id="u1637_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1638" class="ax_default label">
          <div id="u1638_div" class=""></div>
          <div id="u1638_text" class="text ">
            <p><span>A2</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1639" class="ax_default ellipse">
          <img id="u1639_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1640" class="ax_default box_1">
          <div id="u1640_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1641" class="ax_default label">
          <div id="u1641_div" class=""></div>
          <div id="u1641_text" class="text ">
            <p><span>A1</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1642" class="ax_default ellipse">
          <img id="u1642_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1643" class="ax_default box_1">
          <div id="u1643_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1644" class="ax_default label">
          <div id="u1644_div" class=""></div>
          <div id="u1644_text" class="text ">
            <p><span>A0</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1645" class="ax_default ellipse">
          <img id="u1645_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1646" class="ax_default box_1">
          <div id="u1646_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1647" class="ax_default label">
          <div id="u1647_div" class=""></div>
          <div id="u1647_text" class="text ">
            <p><span>REF</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1648" class="ax_default ellipse">
          <img id="u1648_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1649" class="ax_default box_1">
          <div id="u1649_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1650" class="ax_default label">
          <div id="u1650_div" class=""></div>
          <div id="u1650_text" class="text ">
            <p><span>3V3</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1651" class="ax_default ellipse">
          <img id="u1651_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1652" class="ax_default box_1">
          <div id="u1652_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1653" class="ax_default label">
          <div id="u1653_div" class=""></div>
          <div id="u1653_text" class="text ">
            <p><span>D13</span></p>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1654" class="ax_default ellipse">
          <img id="u1654_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1655" class="ax_default box_1">
          <div id="u1655_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1656" class="ax_default ellipse">
          <img id="u1656_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1657" class="ax_default box_1">
          <div id="u1657_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1658" class="ax_default ellipse">
          <img id="u1658_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1659" class="ax_default box_1">
          <div id="u1659_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1660" class="ax_default ellipse">
          <img id="u1660_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1661" class="ax_default box_1">
          <div id="u1661_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1662" class="ax_default ellipse">
          <img id="u1662_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1663" class="ax_default box_1">
          <div id="u1663_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1664" class="ax_default ellipse">
          <img id="u1664_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1665" class="ax_default box_1">
          <div id="u1665_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1666" class="ax_default ellipse">
          <img id="u1666_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1667" class="ax_default box_1">
          <div id="u1667_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1668" class="ax_default ellipse">
          <img id="u1668_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1669" class="ax_default box_1">
          <div id="u1669_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1670" class="ax_default ellipse">
          <img id="u1670_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1671" class="ax_default box_1">
          <div id="u1671_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1672" class="ax_default ellipse">
          <img id="u1672_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1673" class="ax_default box_1">
          <div id="u1673_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1674" class="ax_default ellipse">
          <img id="u1674_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1675" class="ax_default box_1">
          <div id="u1675_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1676" class="ax_default ellipse">
          <img id="u1676_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1677" class="ax_default box_1">
          <div id="u1677_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1678" class="ax_default ellipse">
          <img id="u1678_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1679" class="ax_default box_1">
          <div id="u1679_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1680" class="ax_default ellipse">
          <img id="u1680_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1681" class="ax_default box_1">
          <div id="u1681_div" class=""></div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1682" class="ax_default ellipse">
          <img id="u1682_img" class="img " src="images/四角开关/u87.png"/>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1683" class="ax_default box_1">
          <div id="u1683_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1684" class="ax_default label">
          <div id="u1684_div" class=""></div>
          <div id="u1684_text" class="text ">
            <p><span>TX</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1685" class="ax_default label">
          <div id="u1685_div" class=""></div>
          <div id="u1685_text" class="text ">
            <p><span>RX</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1686" class="ax_default label">
          <div id="u1686_div" class=""></div>
          <div id="u1686_text" class="text ">
            <p><span>RST</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1687" class="ax_default label">
          <div id="u1687_div" class=""></div>
          <div id="u1687_text" class="text ">
            <p><span>GND</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1688" class="ax_default label">
          <div id="u1688_div" class=""></div>
          <div id="u1688_text" class="text ">
            <p><span>D2</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1689" class="ax_default label">
          <div id="u1689_div" class=""></div>
          <div id="u1689_text" class="text ">
            <p><span>D3</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1690" class="ax_default label">
          <div id="u1690_div" class=""></div>
          <div id="u1690_text" class="text ">
            <p><span>D4</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1691" class="ax_default label">
          <div id="u1691_div" class=""></div>
          <div id="u1691_text" class="text ">
            <p><span>D5</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1692" class="ax_default label">
          <div id="u1692_div" class=""></div>
          <div id="u1692_text" class="text ">
            <p><span>D6</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1693" class="ax_default label">
          <div id="u1693_div" class=""></div>
          <div id="u1693_text" class="text ">
            <p><span>D7</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1694" class="ax_default label">
          <div id="u1694_div" class=""></div>
          <div id="u1694_text" class="text ">
            <p><span>D8</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1695" class="ax_default label">
          <div id="u1695_div" class=""></div>
          <div id="u1695_text" class="text ">
            <p><span>D9</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1696" class="ax_default label">
          <div id="u1696_div" class=""></div>
          <div id="u1696_text" class="text ">
            <p><span>D10</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1697" class="ax_default label">
          <div id="u1697_div" class=""></div>
          <div id="u1697_text" class="text ">
            <p><span>D11</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1698" class="ax_default label">
          <div id="u1698_div" class=""></div>
          <div id="u1698_text" class="text ">
            <p><span>D12</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1699" class="ax_default box_1">
          <div id="u1699_div" class=""></div>
          <div id="u1699_text" class="text ">
            <p><span>USB</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1700" class="ax_default box_1">
          <div id="u1700_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1701" class="ax_default box_1">
          <div id="u1701_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1702" class="ax_default box_1">
          <div id="u1702_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u1703" class="ax_default" data-left="90" data-top="447" data-width="154" data-height="138">

        <!-- Unnamed (矩形) -->
        <div id="u1704" class="ax_default box_1">
          <div id="u1704_div" class=""></div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u1705" class="ax_default box_1">
          <div id="u1705_div" class=""></div>
          <div id="u1705_text" class="text ">
            <p><span>SSD 1306</span></p>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u1706" class="ax_default" data-left="119" data-top="449" data-width="97" data-height="21">

          <!-- Unnamed (椭圆形) -->
          <div id="u1707" class="ax_default ellipse">
            <img id="u1707_img" class="img " src="images/超声测距/u1074.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1708" class="ax_default label">
            <div id="u1708_div" class=""></div>
            <div id="u1708_text" class="text ">
              <p><span>GND</span></p>
            </div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u1709" class="ax_default ellipse">
            <img id="u1709_img" class="img " src="images/超声测距/u1074.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1710" class="ax_default label">
            <div id="u1710_div" class=""></div>
            <div id="u1710_text" class="text ">
              <p><span>VCC</span></p>
            </div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u1711" class="ax_default ellipse">
            <img id="u1711_img" class="img " src="images/超声测距/u1074.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1712" class="ax_default label">
            <div id="u1712_div" class=""></div>
            <div id="u1712_text" class="text ">
              <p><span>SCL</span></p>
            </div>
          </div>

          <!-- Unnamed (椭圆形) -->
          <div id="u1713" class="ax_default ellipse">
            <img id="u1713_img" class="img " src="images/超声测距/u1074.png"/>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u1714" class="ax_default label">
            <div id="u1714_div" class=""></div>
            <div id="u1714_text" class="text ">
              <p><span>SDA</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1715" class="ax_default ellipse">
          <img id="u1715_img" class="img " src="images/驱动oled显示屏/u1594.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1716" class="ax_default ellipse">
          <img id="u1716_img" class="img " src="images/驱动oled显示屏/u1594.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1717" class="ax_default ellipse">
          <img id="u1717_img" class="img " src="images/驱动oled显示屏/u1594.png"/>
        </div>

        <!-- Unnamed (椭圆形) -->
        <div id="u1718" class="ax_default ellipse">
          <img id="u1718_img" class="img " src="images/驱动oled显示屏/u1594.png"/>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u1719" class="ax_default _连接线">
        <img id="u1719_seg0" class="img " src="images/驱动oled显示屏/u1719_seg0.png" alt="u1719_seg0"/>
        <img id="u1719_seg1" class="img " src="images/驱动oled显示屏/u1719_seg1.png" alt="u1719_seg1"/>
        <img id="u1719_seg2" class="img " src="images/驱动oled显示屏/u1719_seg2.png" alt="u1719_seg2"/>
        <img id="u1719_seg3" class="img " src="images/驱动oled显示屏/u1719_seg3.png" alt="u1719_seg3"/>
        <div id="u1719_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u1720" class="ax_default _连接线">
        <img id="u1720_seg0" class="img " src="images/驱动oled显示屏/u1720_seg0.png" alt="u1720_seg0"/>
        <img id="u1720_seg1" class="img " src="images/驱动oled显示屏/u1720_seg1.png" alt="u1720_seg1"/>
        <img id="u1720_seg2" class="img " src="images/驱动oled显示屏/u1720_seg2.png" alt="u1720_seg2"/>
        <img id="u1720_seg3" class="img " src="images/驱动oled显示屏/u1720_seg3.png" alt="u1720_seg3"/>
        <div id="u1720_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u1721" class="ax_default _连接线">
        <img id="u1721_seg0" class="img " src="images/驱动oled显示屏/u1721_seg0.png" alt="u1721_seg0"/>
        <img id="u1721_seg1" class="img " src="images/驱动oled显示屏/u1721_seg1.png" alt="u1721_seg1"/>
        <img id="u1721_seg2" class="img " src="images/驱动oled显示屏/u1721_seg2.png" alt="u1721_seg2"/>
        <img id="u1721_seg3" class="img " src="images/驱动oled显示屏/u1721_seg3.png" alt="u1721_seg3"/>
        <div id="u1721_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (连接线) -->
      <div id="u1722" class="ax_default _连接线">
        <img id="u1722_seg0" class="img " src="images/驱动oled显示屏/u1722_seg0.png" alt="u1722_seg0"/>
        <img id="u1722_seg1" class="img " src="images/驱动oled显示屏/u1722_seg1.png" alt="u1722_seg1"/>
        <img id="u1722_seg2" class="img " src="images/驱动oled显示屏/u1722_seg2.png" alt="u1722_seg2"/>
        <img id="u1722_seg3" class="img " src="images/驱动oled显示屏/u1722_seg3.png" alt="u1722_seg3"/>
        <div id="u1722_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1723" class="ax_default _一级标题">
        <div id="u1723_div" class=""></div>
        <div id="u1723_text" class="text ">
          <p><span>运行结果：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1724" class="ax_default _文本段落">
        <div id="u1724_div" class=""></div>
        <div id="u1724_text" class="text ">
          <p><span>#include &lt;Arduino.h&gt;</span></p><p><span>#include &lt;U8g2lib.h&gt;</span></p><p><span><br></span></p><p><span>#define SCL 17&nbsp;&nbsp; //A3对应的针脚号</span></p><p><span>#define SDA 18&nbsp;&nbsp; //A4对应的针脚号</span></p><p><span><br></span></p><p><span>//下面这行代码就是初始化针脚的，根据自己的接线设置clock和data即可，reset没有连接就用参数U8X8_PIN_NONE</span></p><p><span>U8G2_SSD1306_128X64_NONAME_1_SW_I2C u8g2(U8G2_R0, /* clock=*/ SCL, /* data=*/ SDA, /* reset=*/ U8X8_PIN_NONE);&nbsp;&nbsp; // All Boards without Reset of the Display</span></p><p><span><br></span></p><p><span>void drawString(char* str)</span></p><p><span>{</span></p><p><span>&nbsp; u8g2.setFont(u8g2_font_logisoso16_tf);</span></p><p><span>&nbsp; u8g2.setCursor(15, 40);</span></p><p><span>&nbsp; u8g2.print(str);</span></p><p><span>}</span></p><p><span><br></span></p><p><span>void draw(char* str)</span></p><p><span>{</span></p><p><span>&nbsp; do {</span></p><p><span>&nbsp;&nbsp;&nbsp; drawString(str);</span></p><p><span>&nbsp; } while ( u8g2.nextPage() );</span></p><p><span>}</span></p><p><span><br></span></p><p><span>void setup(void) {</span></p><p><span>&nbsp; Serial.begin(9600);</span></p><p><span>&nbsp; u8g2.begin();</span></p><p><span>&nbsp; u8g2.enableUTF8Print();</span></p><p><span>}</span></p><p><span><br></span></p><p><span>void loop(void) {</span></p><p><span>&nbsp; draw(&quot;hello world!&quot;);</span></p><p><span>}</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1725" class="ax_default label">
        <div id="u1725_div" class=""></div>
        <div id="u1725_text" class="text ">
          <p><span>屏幕显示：hello world！</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1726" class="ax_default _一级标题">
        <div id="u1726_div" class=""></div>
        <div id="u1726_text" class="text ">
          <p><span>示例代码：</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u1727" class="ax_default label">
        <div id="u1727_div" class=""></div>
        <div id="u1727_text" class="text ">
          <p><span>代码需要安装U8g2lib库，点击查看安装教程。</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
